<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>奚若出行平台</title>
    <base href="<?php echo RES_URL ?>"/>
    <link rel="stylesheet" href="<?php echo RES_URL?>/res/css/reset.css">

    <link rel="stylesheet" href="<?php echo RES_URL?>/res/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link href="<?php echo RES_URL?>/res/css/font_1703225_6xe49dltjf4.css" rel="stylesheet">

    <link href="<?php echo RES_URL?>/res/js/layui-v2.3.0/css/layui.css" rel="stylesheet">
    <script src="<?php echo RES_URL?>/res/js/layui-v2.3.0/layui.all.js"></script>
    <script src="<?php echo RES_URL?>/res/js/jquery/jquery.min.js"></script>
    <script src="<?php echo RES_URL?>/res/js/template.js"></script>

    <script src="<?php echo RES_URL?>/res/js/common.js?v=20121224.06"></script>

    <link rel="stylesheet" href="<?php echo RES_URL?>/res/css/style.css">
    <style>

        .right-row{ display: inline-block;height: 43px;position: absolute;right: 15px;}
        .right-row .refresh{ cursor: pointer; display: inline-block;height: 30px;width: 30px;text-align: center;line-height: 30px;background-color: #eee;color: #5b5b5b;}
        .right-row select{height: 30px;border:1px solid #eee;color: #828282;}

        .footer{ height: 40px;clear: both;display: none; }
        .footer > div2{ position: fixed;width: 100%;height: 40px;bottom: 0;left: 0;background-color: #072a4f; }
        .footer > div{ width: 100%;height: 40px;background-color: #072a4f; }
        .footer > div .copy{ text-align: center;line-height: 40px;color: #c8c8c8; }
        .footer > div .copy a{ text-align: center;line-height: 40px;color: #c8c8c8; }

        .card-loading{ min-height: 60px;clear: both;text-align: center;background: url("/res/images/005.gif") no-repeat center;width: 100%; }

        .no-data{ width: 100%;height: 60px;position: relative;}
        .no-data::before{ width: 100%;height: 60px;position: absolute;display: block;left: 0;top:0;line-height: 60px;text-align: center;content: "暂无记录";color: #acacac;}

        .menu-box{clear: both;min-height: 140px;}
        .app-box{padding: 10px 15px;text-align: center;float: left;}
        .app-box a{display: block;margin: auto;text-align: center;width: 80px;}
        .app-box a:hover i{line-height: 80px;font-size: 34px;}
        .app-box .name{line-height: 20px;font-size: 14px;font-weight: bold;color: #4e4e4e;margin:10px; }
        .icon-box{width: 80px;height: 80px;text-align: center;}
        .icon-box i{line-height: 80px;font-size: 40px;color: #fff;}

        .stat-01-list{overflow: hidden;padding: 15px 0;height: 71px;}
        .stat-01-list > div{width: 16.6%;float: left;}
        .stat-01-list > div > div{ border-left: 1px solid #eee; }
        .stat-01-list > div:first-child > div{ border:0; }
        .stat-01-list > div > div div.attr-max{ text-align: center;height: 30px;line-height: 30px;color: #818181; }
        .stat-01-list > div > div div.attr-max span{ font-size: 20px;padding: 0 4px;font-weight: bold; color: red;}
        .stat-01-list > div > div div.attr-min{ text-align: center;height: 20px;line-height: 20px;font-size: 12px;color: #818181; }
        .stat-01-list > div > div div.attr-min span{padding: 0 4px;}
        .stat-01-list > div > div div.tip{ text-align: center;height: 20px;line-height: 20px;padding-top: 1px;font-size: 16px; color: #818181;}

        .stat-chart{height: 580px;}
        .stat-chart > div{height: 280px;}

        .sys-box .title{height: 38px;line-height: 38px;font-size: 20px;padding: 10px;}
        .sys-box .red{border-top: 2px solid red;margin: 5px;}
        .sys-box .blue{border-top: 2px solid blue;margin: 5px;}
        .sys-box .green{border-top: 2px solid green;margin: 5px;}
        .sys-box .info-box span{height: 38px;line-height: 38px;font-size: 18px;}
        .sys-box .info-box.hui{background-color:#EFEFEF;height: 38px;}
        .sys-box .right{text-align: right;}
        .sys-box .left{padding-left: 10px;}

        .open-city{min-height: 940px;}
        .open-city > div{height: 940px;}
        #open-city{height: 900px;}
        .feedback-img{max-height: 35px !important;max-width: 35px !important;}
        .anchorBL{display:none;}
    </style>
    <script>
        var app = {
            post:function (action,data,callback,box) {
                if(typeof box!="undefined")
                {
                    box.empty();
                    box.addClass('card-loading');
                }

                $.post("<?php echo \yii\helpers\Url::to(['main/index'])?>?action="+action,data,function (d) {
                    if(typeof box!="undefined")
                        box.removeClass('card-loading');
                    callback(d);
                },"json");
            },event:[]
        }
    </script>
</head>
<body>
<div id="main">

    <div class="header">
        <div class="max-w">
            <div class="logo">
               <img src="<?php echo RES_URL?>/res/images/logo.jfif">
            </div>
            <?php $account=Cm::$app->user->getIdentity();?>

            <div class="attr">
                <?php echo $account['username']?>
                <a href="<?php echo \yii\helpers\Url::to(['/platform/main/logout']) ?>">安全退出</a>
            </div>
        </div>
    </div>
    <div class="line40"></div>
    <div class="line20"></div>
    <div class="content max-w">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md12">
                <div class="layui-card menu-box">
                    <!-- 系统功能图标按钮 -->

                    <?php if (Cm::$app->limitGet('/platform/order/index')){ ?>
                    <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['order/index'])?>">
                            <div class="icon-box" style="background-color: #ff8c00;">
                                <i class="layui-icon layui-icon-list"></i> 
                            </div>
                        </a>
                        <div class="name">订单管理</div>  
                    </div> 
                    <?php } ?> 
                    
                    <?php if (Cm::$app->limitGet('/platform/user/index')){ ?>
                    <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['user/index'])?>">
                            <div class="icon-box" style="background-color: #1e9fff;">
                                <i class="layui-icon layui-icon-friends"></i> 
                            </div>
                        </a>
                        <div class="name">会员管理</div>  
                    </div> 
                    <?php } ?>  

                    <?php if (Cm::$app->limitGet('/platform/site/index')){ ?>
                    <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['site/index'])?>">
                            <div class="icon-box" style="background-color: #90f090;">
                                <i class="layui-icon layui-icon-location"></i> 
                            </div>
                        </a>
                        <div class="name">站点管理</div>  
                    </div> 
                    <?php } ?>  

                    <?php if (Cm::$app->limitGet('/platform/circuit/index')){ ?>
                    <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['circuit/index'])?>">
                            <div class="icon-box" style="background-color: #00ced1;">
                                <i class="layui-icon layui-icon-flag"></i> 
                            </div>
                        </a>
                        <div class="name">线路管理</div>  
                    </div> 
                    <?php } ?>  

                    <?php if (Cm::$app->limitGet('/platform/shift/index')){ ?>
                    <!-- <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['shift/index'])?>">
                            <div class="icon-box" style="background-color: #ff7800;">
                                <i class="layui-icon layui-icon-date"></i> 
                            </div>
                        </a>
                        <div class="name">班次管理</div>  
                    </div>  -->
                    <?php } ?>  

                    <?php if (Cm::$app->limitGet('/platform/car/index')){ ?>
                    <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['car/index'])?>">
                            <div class="icon-box" style="background-color: #fad400;">
                                <i class="layui-icon layui-icon-engine"></i> 
                            </div>
                        </a>
                        <div class="name">车辆管理</div>  
                    </div> 
                    <?php } ?>   

                    <?php if (Cm::$app->limitGet('/platform/sys/index')){ ?>
                    <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['sys/index'])?>">
                            <div class="icon-box" style="background-color: #1f93ff;">
                                <i class="layui-icon layui-icon-set-sm"></i> 
                            </div>
                        </a>
                        <div class="name">系统配置</div>  
                    </div> 
                    <?php } ?>  

                    <?php if (Cm::$app->limitGet('/platform/sys/auth')){ ?>
                    <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['sys/auth'])?>">
                            <div class="icon-box" style="background-color: #90ee90;">
                                <i class="layui-icon layui-icon-user"></i> 
                            </div>
                        </a>
                        <div class="name">管理员管理</div>  
                    </div> 
                    <?php } ?>  

                    <?php if (Cm::$app->limitGet('/platform/data/index')){ ?>
                    <!-- <div class="app-box">
                        <a href="<?php echo \yii\helpers\Url::to(['data/index'])?>">
                            <div class="icon-box" style="background-color: #90ee90;">
                                <i class="layui-icon layui-icon-table"></i> 
                            </div>
                        </a>
                        <div class="name">数据管理</div>  
                    </div>  -->
                    <?php } ?>    
                </div>
            </div>   
            <!-- 首页数据统计 -->
            <div class="layui-col-md12">
                <div class="layui-col-md8">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            今日运营<span class="right-row"><span class="refresh iconfont icon-refresh"></span></span>
                        </div>
                        <div class="layui-card-body">
                            <div class="stat-01-list stat-today-list">

                            </div>
                        </div>
                        <script type="text/html" id="tpl-stat-today">
                            <div>
                                <div>
                                    <div class="attr-max"><span>{{info.register.num}}</span>人</div>
                                    <div class="attr-min"></div>
                                    <div class="tip">注册</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <div class="attr-max">￥<span>{{info.order.price}}</span></div>
                                    <div class="attr-min"><span>{{info.order.num}}</span>笔</div>
                                    <div class="tip">有效订单</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <div class="attr-max"><span>{{info.passenger.num}}</span>人</div>
                                    <div class="attr-min"></div>
                                    <div class="tip">乘客</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                   <div class="attr-max"><span>{{info.shift.num}}</span>班</div>
                                    <div class="attr-min"></div>
                                    <div class="tip">班次</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <div class="attr-max"><span>{{info.circuit.num}}</span>条</div>
                                    <div class="attr-min"></div>
                                    <div class="tip">线路</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <div class="attr-max">￥<span>{{info.noorder.price}}</span></div>
                                    <div class="attr-min"><span>{{info.noorder.num}}</span>笔</div>
                                    <div class="tip">无效订单</div>
                                </div>
                            </div>
                        </script>
                        <script>
                            (function () {
                                var boxObj = $(".stat-today-list");

                                function _load() {
                                    var data = {};
                                    app.post("stat-today", data, function (d) {
                                        boxObj.html(template('tpl-stat-today', {info: d.data}));
                                    }, boxObj)
                                }

                                _load();
                                boxObj.parents('.layui-card').find('.refresh').click(function () {
                                    _load();
                                });
                                app.event.push({fn:_load});
                            })();
                        </script>
                    </div>

                    <div class="layui-card">
                        <div class="layui-card-header">
                            总运营<span class="right-row"><span class="refresh iconfont icon-refresh"></span></span>
                        </div>
                        <div class="layui-card-body">
                            <div class="stat-01-list stat-all-list">

                            </div>
                        </div>
                        <script type="text/html" id="tpl-stat-all">
                            <div>
                                <div>
                                    <div class="attr-max"><span>{{info.register.num}}</span>人</div>
                                    <div class="attr-min"></div>
                                    <div class="tip">注册</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <div class="attr-max">￥<span>{{info.order.price}}</span></div>
                                    <div class="attr-min"><span>{{info.order.num}}</span>笔</div>
                                    <div class="tip">有效订单</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <div class="attr-max"><span>{{info.passenger.num}}</span>人</div>
                                    <div class="attr-min"></div>
                                    <div class="tip">乘客</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                   <div class="attr-max"><span>{{info.shift.num}}</span>班</div>
                                    <div class="attr-min"></div>
                                    <div class="tip">班次</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <div class="attr-max"><span>{{info.circuit.num}}</span>条</div>
                                    <div class="attr-min"></div>
                                    <div class="tip">线路</div>
                                </div>
                            </div>
                            <div>
                                <div>
                                    <div class="attr-max">￥<span>{{info.noorder.price}}</span></div>
                                    <div class="attr-min"><span>{{info.noorder.num}}</span>笔</div>
                                    <div class="tip">无效订单</div>
                                </div>
                            </div>
                        </script>
                        <script>
                            (function () {
                                var boxObj = $(".stat-all-list");

                                function _load() {
                                    var data = {};
                                    app.post("stat-all", data, function (d) {
                                        boxObj.html(template('tpl-stat-all', {info: d.data}));
                                    }, boxObj)
                                }

                                _load();
                                boxObj.parents('.layui-card').find('.refresh').click(function () {
                                    _load();
                                });
                                app.event.push({fn:_load});
                            })();
                        </script>
                    </div>

                    <div class="layui-card">
                        <script src="<?php echo RES_URL ?>/res/js/echars/echarts.min.js"></script>
                        <div class="layui-card-header">
                            运营统计(最近7日)
                            <span class="right-row"><span class="refresh iconfont icon-refresh"></span></span>
                        </div>
                        <div class="layui-card-body">
                            <div class="stat-chart">

                            </div>
                        </div>
                        <script type="text/html" id="tpl-stat-chart">
                            <div id="stat-chart-price" style="padding-top: 20px;"></div>
                            <div id="stat-chart-num"></div>
                        </script>
                        <script>
                            (function () {
                                var option = {
                                    tooltip: {
                                        trigger: 'axis',
                                        axisPointer: {
                                            type: 'cross',
                                            crossStyle: {
                                                color: '#999'
                                            }
                                        }
                                    },
                                    toolbox: {
                                        feature: {
                                            dataView: {show: true, readOnly: false},
                                            magicType: {show: true, type: ['line', 'bar']},
                                            restore: {show: true},
                                            saveAsImage: {show: true}
                                        }
                                    },
                                    legend: {
                                        data: []
                                    },
                                    xAxis: [
                                        {
                                            type: 'category',
                                            data: [],
                                            axisPointer: {
                                                type: 'shadow'
                                            }
                                        }
                                    ],
                                    yAxis: [
                                        {
                                            type: 'value',
                                            name: '金额',
                                            min: 0,
                                            //max: 5000,
                                            //interval: 50,
                                            axisLabel: {
                                                formatter: '￥ {value}'
                                            }
                                        }
                                    ],
                                    series: []
                                };


                                var boxObj = $(".stat-chart");

                                function _getData() {
                                    var data = {};
                                    app.post("stat-days", data, function (d) {
                                        boxObj.html(template('tpl-stat-chart', {}));

                                        option.legend.data = d.data.price.title;
                                        option.xAxis[0].data = d.data.price.days;
                                        option.yAxis[0].name = "金额";
                                        option.series = d.data.price.data;
                                        echarts.init(document.getElementById('stat-chart-price')).setOption(option);

                                        option.legend.data = d.data.num.title;
                                        option.xAxis[0].data = d.data.num.days;
                                        option.yAxis[0].name = "笔";
                                        option.yAxis[0].axisLabel.formatter = "{value}";
                                        option.series = d.data.num.data;
                                        echarts.init(document.getElementById('stat-chart-num')).setOption(option);

                                    }, boxObj)
                                }

                                _getData();
                                boxObj.parents('.layui-card').find('.refresh').click(function () {
                                    _getData();
                                });

                                app.event.push({fn:_getData});
                            })();
                        </script>
                    </div>
                </div>
                <div class="layui-col-md4" style="padding-left: 10px;">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            今日有效下单
                            <span class="right-row"><span class="refresh iconfont icon-refresh"></span></span>
                        </div>
                        <div class="layui-card-body">
                            <div id="order-list"></div>
                        </div>
                        <script type="text/html" id="tpl-order-list">
                            <table data-url="<?php echo \yii\helpers\Url::to(['main/index']) ?>?action=order-list"
                                   data-page=""
                                   data-search="#search-box"
                                   data-height="560"
                                   id="order-list-table"
                                   lay-filter='data-list' style="display: none;">
                                <thead>
                                <tr>
                                    <th minwidth="170" align="left" field="order_number">单号</th>
                                    <th width="120" align="left" field="circuit_name">线路</th>
                                    <th width="100" align="right" field="order_price">订单金额</th>
                                    <th width="120" align="left" field="nickname">微信昵称</th>
                                    <th width="80" align="center" templet="#tpl-order-head_img">头像</th>
                                    <th width="170" align="center" field="addtime">下单时间</th>
                                </tr>
                                </thead>
                            </table>
                        </script>
                        <script type="text/html" id="tpl-order-head_img">
                            {{# if(d.head_img!=''){ }}
                            <img src="{{d.head_img}}" class="feedback-img">
                            {{# } }}
                        </script>
                        <script>
                            (function () {
                                var boxObj = $("#order-list");

                                function _load() {
                                    boxObj.html(template('tpl-order-list', {}));
                                    $('#order-list-table').table();
                                }

                                _load();
                                boxObj.parents('.layui-card').find('.refresh').click(function () {
                                    _load();
                                });
                                app.event.push({fn:_load});
                            })();
                        </script>
                    </div>

                    <div class="layui-card">
                        <div class="layui-card-header">
                            意见反馈
                            <span class="right-row"><span class="refresh iconfont icon-refresh"></span></span>
                        </div>
                        <div class="layui-card-body">
                            <div id="feedback-list"></div>
                        </div>
                        <script type="text/html" id="tpl-feedback-list">
                            <table data-url="<?php echo \yii\helpers\Url::to(['main/index']) ?>?action=feedback-list"
                                   data-page=""
                                   data-search="#search-box"
                                   data-height="260"
                                   id="feedback-list-table"
                                   lay-filter='data-list' style="display: none;">
                                <thead>
                                <tr>
                                    <th width="120" align="left" field="nickname">微信昵称</th>
                                    <th width="80" align="center" templet="#tpl-head_img">头像</th>
                                    <th minwidth="150" align="left" field="content">内容</th>
                                    <th width="170" align="center" field="addtime">反馈时间</th>
                                </tr>
                                </thead>
                            </table>
                        </script>
                        <script type="text/html" id="tpl-head_img">
                            {{# if(d.head_img!=''){ }}
                            <img src="{{d.head_img}}" class="feedback-img">
                            {{# } }}
                        </script>
                        <script>
                            (function () {
                                var boxObj = $("#feedback-list");

                                function _load() {
                                    boxObj.html(template('tpl-feedback-list', {}));
                                    $('#feedback-list-table').table();
                                }

                                _load();
                                boxObj.parents('.layui-card').find('.refresh').click(function () {
                                    _load();
                                });
                                app.event.push({fn:_load});
                            })();
                        </script>
                    </div>
                </div>    
            </div>    
            <div class="layui-col-md12">    
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=QqN9LZOVq2ZLrks9lHXRpFEe9mFFFn7W"></script>
                        <script type="text/javascript" src="<?php echo RES_URL ?>/res/js/echars/bmap.min.js"></script>
                        <div class="layui-card-header">
                            城市开通线路地图
                            <span class="right-row"><span class="refresh iconfont icon-refresh"></span></span>
                        </div>
                        <div class="layui-card-body">
                            <div class="open-city">
                                
                            </div>
                        </div>
                        <script type="text/html" id="tpl-open-city">
                            <div id="open-city" style="padding-top: 20px;"></div>
                        </script>
                        <script>
                            (function () {

                                var boxObj = $(".open-city");
                                function _getData() {
                                    var data = {};
                                    app.post("open-city", data, function (d) {
                                        boxObj.html(template('tpl-open-city', {}));
                                        var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';
                                        var series = [
                                            {
                                                type: 'effectScatter',
                                                coordinateSystem: 'bmap',
                                                data: d.data.city,
                                                showEffectOn: 'emphasis',
                                                rippleEffect: {
                                                    brushType: 'stroke'
                                                },
                                                hoverAnimation: true,
                                                label: {
                                                    formatter: '{b}',
                                                    position: 'right',
                                                    show: true
                                                },
                                                itemStyle: {
                                                    color: '#a6c84c',
                                                    shadowBlur: 10,
                                                    shadowColor: '#333'
                                                },
                                                zlevel: 1
                                            }
                                        ];
                                        if(d.data.circuit.length!=0){
                                            $.each(d.data.circuit,function(index,value){
                                                series.push(
                                                    {
                                                        name: value.name,
                                                        type: 'lines',
                                                        coordinateSystem: 'bmap',
                                                        zlevel: 2,
                                                        effect: {
                                                            show: true,
                                                            period: 6,
                                                            trailLength: 0,
                                                            symbolSize: 15,
                                                            symbol: planePath,
                                                        },
                                                        lineStyle: {
                                                            normal: {
                                                                color: 'red',
                                                                width: 1,
                                                                opacity: 0.4,
                                                                curveness: 0.2
                                                            }
                                                        },
                                                        data: [{
                                                            fromName: value.sname,
                                                            toName: value.ename,
                                                            coords: value.value
                                                        }]
                                                    }
                                                );
                                            })
                                        }
                                        var option = {
                                            backgroundColor: 'transparent',
                                            tooltip : {
                                                show:false
                                            },
                                            bmap: {
                                                center: [104.114129, 37.550339],
                                                zoom: 6,
                                                roam: true,
                                                mapStyle: {
                                                    styleJson: [
                                                        {
                                                            "featureType": "water",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "color": "#044161"
                                                            }
                                                        }, {
                                                            "featureType": "land",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "color": "#004981"
                                                            }
                                                        }, {
                                                            "featureType": "boundary",
                                                            "elementType": "geometry",
                                                            "stylers": {
                                                                "color": "#064f85"
                                                            }
                                                        }, {
                                                            "featureType": "railway",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "visibility": "off"
                                                            }
                                                        }, {
                                                            "featureType": "highway",
                                                            "elementType": "geometry",
                                                            "stylers": {
                                                                "color": "#004981"
                                                            }
                                                        }, {
                                                            "featureType": "highway",
                                                            "elementType": "geometry.fill",
                                                            "stylers": {
                                                                "color": "#005b96",
                                                                "lightness": 1
                                                            }
                                                        }, {
                                                            "featureType": "highway",
                                                            "elementType": "labels",
                                                            "stylers": {
                                                                "visibility": "off"
                                                            }
                                                        }, {
                                                            "featureType": "arterial",
                                                            "elementType": "geometry",
                                                            "stylers": {
                                                                "color": "#004981"
                                                            }
                                                        }, {
                                                            "featureType": "arterial",
                                                            "elementType": "geometry.fill",
                                                            "stylers": {
                                                                "color": "#00508b"
                                                            }
                                                        }, {
                                                            "featureType": "poi",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "visibility": "off"
                                                            }
                                                        }, {
                                                            "featureType": "green",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "color": "#056197",
                                                                "visibility": "off"
                                                            }
                                                        }, {
                                                            "featureType": "subway",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "visibility": "off"
                                                            }
                                                        }, {
                                                            "featureType": "manmade",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "visibility": "off"
                                                            }
                                                        }, {
                                                            "featureType": "local",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "visibility": "off"
                                                            }
                                                        }, {
                                                            "featureType": "arterial",
                                                            "elementType": "labels",
                                                            "stylers": {
                                                                "visibility": "off"
                                                            }
                                                        }, {
                                                            "featureType": "boundary",
                                                            "elementType": "geometry.fill",
                                                            "stylers": {
                                                                "color": "#029fd4"
                                                            }
                                                        }, {
                                                            "featureType": "building",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "color": "#1a5787"
                                                            }
                                                        }, {
                                                            "featureType": "label",
                                                            "elementType": "all",
                                                            "stylers": {
                                                                "visibility": "off"
                                                            }
                                                        }
                                                    ]
                                                }
                                            },
                                            series : series
                                        };
                                        var myChart = echarts.init(document.getElementById('open-city'));
                                        myChart.setOption(option);
                                    }, boxObj);
                                }
                                _getData();
                                boxObj.parents('.layui-card').find('.refresh').click(function () {
                                    _getData();
                                });

                                app.event.push({fn:_getData});
                            })();
                        </script>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-card">
                    
                    </div>    
                </div>
            </div> 
        </div>    
    </div>
    <div class="line20"></div>

    <div class="content max-w sys-box">
        <div class="layui-row layui-col-space10 layui-card">
            <div class="layui-col-md12">
                <span class="title">系统信息</span>
            </div>
            <div class="layui-col-md12">
                <div class="layui-card layui-col-md4">
                    <div class="red">
                        <div class="info-box hui">
                            <span class="layui-col-md4 left">PHP版本</span>
                            <span class="layui-col-md8 left"><?php echo $php_version; ?></span>
                        </div>  
                        <div class="info-box ">
                            <span class="layui-col-md4 left">服务器系统</span>
                            <span class="layui-col-md8 left"><?php echo $os; ?></span>
                        </div>  
                    </div>
                </div>
                <div class="layui-card layui-col-md4">
                    <div class="blue">
                        <div class="info-box hui">
                            <span class="layui-col-md4 left">APACHE版本</span>
                            <span class="layui-col-md8 left"><?php echo $apache_version; ?></span>
                        </div> 
                        <div class="info-box ">
                            <span class="layui-col-md4 left">时区</span>
                            <span class="layui-col-md8 left"><?php echo $timezone; ?></span>
                        </div>  
                    </div>
                </div>
                <div class="layui-card layui-col-md4">
                    <div class="green">
                        <div class="info-box hui">
                            <span class="layui-col-md4 left">MYSQL版本</span>
                            <span class="layui-col-md8 left"><?php echo $mysql_version; ?></span>
                        </div> 
                        <div class="info-box ">
                            <span class="layui-col-md4 left">YII版本</span>
                            <span class="layui-col-md8 left"><?php echo $yii; ?></span>
                        </div>  
                    </div>
                </div>
            </div>
        </div>    
    </div>    
    <div class="line20"></div>
    <div class="footer">
        <div>
            <div class="copy">
                 <a target="_blank" href="http://www.beian.miit.gov.cn"></a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    if($(".menu-box .app-box").length == 0){
        $(".menu-box").hide();
    }
</script>
</body>
</html>